<style type="text/css">
.amLoginWrapper { clear: both; overflow: hidden; padding-top: 18px; text-align: left;height:400px; }
.leftSideLogin { clear: left; float: left; margin-left: 150px;width: 462px; }
.leftSideLogin h1 { border-bottom: 0 solid #FFFFFF; color: #303326; font-size: 26px; font-weight: 100; margin-bottom: 18px; text-transform: none; }
.leftSideLogin p { margin: 0; padding: 0; }
.leftSideLogin form p { position: relative; }
.leftSideLogin label { color: #414141; font-size: 13px; left: 35px; position: absolute; top: 26px; }
.leftSideLogin input.login.username { background: url("images/user.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px;line-height:46px;font-size:12px; width: 288px; padding-left: 34px;display:block; }
.leftSideLogin input.login.password { background: url("images/pass.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px;  line-height:46px;font-size: 12px; width: 288px; padding-left: 34px; display: block; }
.leftSideLogin input.email{background: url("images/emailinput.png") no-repeat scroll -2px -2px; border: 0 none; height: 46px; line-height:46px;font-size:12px; width: 288px; padding-left: 34px;display:block;}
.leftSideLogin p.loginHint { color: #9EA7B3; font-size: 10px; margin-bottom: 10px; word-spacing: -1px; }
input.loginimage { background: url("images/secure-login.png"); border: 0 solid #FFFFFF; cursor: pointer; height: 53px; margin-left: -5px; width: 299px;color:#fff;font-size:18px; font-weight:bold; }
.rightSideLogin { border-left: 1px solid #CECECE; clear: right; float: left; margin-bottom: 18px; padding-left: 18px; width: 290px; }
.rightSideLogin h2 { color: #303326; font-family: "Trebuchet", Trebuchet MS, serif; font-size: 18px; padding-bottom: 8px; }
.rightSideLogin p { color: #303326; font-size: 11px; line-height: 18px; margin-bottom: 10px; }
</style>
<link href="${rc.getContextPath()}/resources/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${rc.getContextPath()}/resources/js/jquery.js"></script>
<script type="text/javascript" src="${rc.getContextPath()}/resources/js/jquery.validate.js"></script>

<div class="topBar clearfix">
    <div class="inner">
      <ul class="fright clearfix">
        <li class="sltLanguage">Language&nbsp;[<a href="#" class="selected">English</a>&nbsp;<span class="sepLine">/</span>&nbsp;<a href="#">中文</a>]</li>
        <li class="sepLine">|</li>
        <#if login_member == null>
        <li>Welcome&nbsp;[<a href="javascript:void(0);" onClick="showpopbox()">Sign in</a>&nbsp;<span class="sepLine">/</span>&nbsp;<a  href="register.html">Register</a>]</li>
        <#else>
        <li>Welcome&nbsp;[<a href="javascript:void(0);" onClick="showPersonalInfo()">${loginName}</a>&nbsp;<span class="sepLine">/</span>&nbsp;<a  href="javascript:ajaxLoginOut()">Log&nbsp;out</a>]</li>
        </#if>
      </ul>
    </div>
  </div>
  